Node / ReticulumProjects / MeshChatX.git / files / meshchatx / src / frontend / components / rnode / RNodeTncPanel.vue

Displaying Raw • Download

T8b949e<!-- SPDX-License-Identifier: 0BSD -->

Tb4b4b4<Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72div

Te6edf3classTff7b72=Ta5d6ff"border border-gray-200 dark:border-zinc-800 bg-white dark:bg-zinc-900 rounded-2xl shadow-xl overflow-hidden"

Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"px-4 sm:px-6 py-4 border-b border-gray-100 dark:border-zinc-800 flex items-center gap-2"Tb4b4b4>

Tb4b4b4<Tff7b72MaterialDesignIcon Te6edf3icon-nameTff7b72=Ta5d6ff"radio-tower" Te6edf3classTff7b72=Ta5d6ff"size-5 text-green-500" Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tff7b72h3 Te6edf3classTff7b72=Ta5d6ff"font-bold text-gray-900 dark:text-zinc-100"Tb4b4b4>

Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"tools.rnode_flasher.configure_tnc"Tb4b4b4) Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72h3Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"p-4 sm:p-6 space-y-4"Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"grid grid-cols-2 gap-3"Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"space-y-1"Tb4b4b4>

Tb4b4b4<Tff7b72label Te6edf3classTff7b72=Ta5d6ff"rnf-input-label"Tb4b4b4>Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"tools.rnode_flasher.frequency"Tb4b4b4) Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72labelTb4b4b4>

Tb4b4b4<Tff7b72input

Tb4b4b4:Te6edf3valueTff7b72=Ta5d6ff"Te6edf3frequencyTa5d6ff"

Te6edf3typeTff7b72=Ta5d6ff"number"

Te6edf3classTff7b72=Ta5d6ff"rnf-config-input"

Tb4b4b4@Te6edf3inputTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'update:frequency'Tb4b4b4, Tffa657NumberTb4b4b4(Te6edf3$eventTb4b4b4.Te6edf3targetTb4b4b4.Te6edf3valueTb4b4b4)Tb4b4b4)Ta5d6ff"

Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"space-y-1"Tb4b4b4>

Tb4b4b4<Tff7b72label Te6edf3classTff7b72=Ta5d6ff"rnf-input-label"Tb4b4b4>Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"tools.rnode_flasher.tx_power"Tb4b4b4) Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72labelTb4b4b4>

Tb4b4b4<Tff7b72input

Tb4b4b4:Te6edf3valueTff7b72=Ta5d6ff"Te6edf3txPowerTa5d6ff"

Te6edf3typeTff7b72=Ta5d6ff"number"

Te6edf3classTff7b72=Ta5d6ff"rnf-config-input"

Tb4b4b4@Te6edf3inputTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'update:txPower'Tb4b4b4, Tffa657NumberTb4b4b4(Te6edf3$eventTb4b4b4.Te6edf3targetTb4b4b4.Te6edf3valueTb4b4b4)Tb4b4b4)Ta5d6ff"

Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"space-y-1"Tb4b4b4>

Tb4b4b4<Tff7b72label Te6edf3classTff7b72=Ta5d6ff"rnf-input-label"Tb4b4b4>Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"tools.rnode_flasher.bandwidth"Tb4b4b4) Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72labelTb4b4b4>

Tb4b4b4<Tff7b72select

Tb4b4b4:Te6edf3valueTff7b72=Ta5d6ff"Te6edf3bandwidthTa5d6ff"

Te6edf3classTff7b72=Ta5d6ff"rnf-config-input"

Tb4b4b4@Te6edf3changeTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'update:bandwidth'Tb4b4b4, Tffa657NumberTb4b4b4(Te6edf3$eventTb4b4b4.Te6edf3targetTb4b4b4.Te6edf3valueTb4b4b4)Tb4b4b4)Ta5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72option Te6edf3v-forTff7b72=Ta5d6ff"Te6edf3bw Tff7b72in Te6edf3bandwidthsTa5d6ff" Tb4b4b4:Te6edf3keyTff7b72=Ta5d6ff"Te6edf3bwTa5d6ff" Tb4b4b4:Te6edf3valueTff7b72=Ta5d6ff"Te6edf3bwTa5d6ff"Tb4b4b4>Tff7b72{{ Te6edf3bw Tff7b72/ T79c0ff1000 Tff7b72}} KHzTb4b4b4<Tb4b4b4/Tff7b72optionTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72selectTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"space-y-1"Tb4b4b4>

Tb4b4b4<Tff7b72label Te6edf3classTff7b72=Ta5d6ff"rnf-input-label"Tb4b4b4>Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"tools.rnode_flasher.spreading_factor"Tb4b4b4) Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72labelTb4b4b4>

Tb4b4b4<Tff7b72select

Tb4b4b4:Te6edf3valueTff7b72=Ta5d6ff"Te6edf3spreadingFactorTa5d6ff"

Te6edf3classTff7b72=Ta5d6ff"rnf-config-input"

Tb4b4b4@Te6edf3changeTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'update:spreadingFactor'Tb4b4b4, Tffa657NumberTb4b4b4(Te6edf3$eventTb4b4b4.Te6edf3targetTb4b4b4.Te6edf3valueTb4b4b4)Tb4b4b4)Ta5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72option Te6edf3v-forTff7b72=Ta5d6ff"Te6edf3sf Tff7b72in Te6edf3spreadingFactorsTa5d6ff" Tb4b4b4:Te6edf3keyTff7b72=Ta5d6ff"Te6edf3sfTa5d6ff" Tb4b4b4:Te6edf3valueTff7b72=Ta5d6ff"Te6edf3sfTa5d6ff"Tb4b4b4>

Tff7b72{{ Te6edf3sf Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72optionTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72selectTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"grid grid-cols-2 gap-2"Tb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3classTff7b72=Ta5d6ff"rnf-action-btn bg-green-600 text-white! border-none! hover:bg-green-700"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'action'Tb4b4b4, Ta5d6ff'enable-tnc'Tb4b4b4)Ta5d6ff"

Tb4b4b4>

Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"tools.rnode_flasher.enable"Tb4b4b4) Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tff7b72button Te6edf3classTff7b72=Ta5d6ff"rnf-action-btn" Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'action'Tb4b4b4, Ta5d6ff'disable-tnc'Tb4b4b4)Ta5d6ff"Tb4b4b4>

Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"tools.rnode_flasher.disable"Tb4b4b4) Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72scriptTb4b4b4>

Tff7b72import Te6edf3MaterialDesignIcon Tff7b72from Ta5d6ff"../MaterialDesignIcon.vue"Tb4b4b4;

Tff7b72const Te6edf3BANDWIDTHS Tff7b72= Tb4b4b4[T79c0ff7800Tb4b4b4, T79c0ff10400Tb4b4b4, T79c0ff15600Tb4b4b4, T79c0ff20800Tb4b4b4, T79c0ff31250Tb4b4b4, T79c0ff41700Tb4b4b4, T79c0ff62500Tb4b4b4, T79c0ff125000Tb4b4b4, T79c0ff250000Tb4b4b4, T79c0ff500000Tb4b4b4]Tb4b4b4;

Tff7b72const Te6edf3SPREADING_FACTORS Tff7b72= Tb4b4b4[T79c0ff7Tb4b4b4, T79c0ff8Tb4b4b4, T79c0ff9Tb4b4b4, T79c0ff10Tb4b4b4, T79c0ff11Tb4b4b4, T79c0ff12Tb4b4b4]Tb4b4b4;

Tff7b72export Tff7b72default Tb4b4b4{

Te6edf3nameTff7b72: Ta5d6ff"RNodeTncPanel"Tb4b4b4,

Te6edf3componentsTff7b72: Tb4b4b4{ Te6edf3MaterialDesignIcon Tb4b4b4}Tb4b4b4,

Te6edf3propsTff7b72: Tb4b4b4{

Te6edf3frequencyTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657NumberTb4b4b4, Tff7b72defaultTff7b72: T79c0ff917375000 Tb4b4b4}Tb4b4b4,

Te6edf3bandwidthTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657NumberTb4b4b4, Tff7b72defaultTff7b72: T79c0ff250000 Tb4b4b4}Tb4b4b4,

Te6edf3txPowerTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657NumberTb4b4b4, Tff7b72defaultTff7b72: T79c0ff22 Tb4b4b4}Tb4b4b4,

Te6edf3spreadingFactorTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657NumberTb4b4b4, Tff7b72defaultTff7b72: T79c0ff11 Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3emitsTff7b72: Tb4b4b4[Ta5d6ff"update:frequency"Tb4b4b4, Ta5d6ff"update:bandwidth"Tb4b4b4, Ta5d6ff"update:txPower"Tb4b4b4, Ta5d6ff"update:spreadingFactor"Tb4b4b4, Ta5d6ff"action"Tb4b4b4]Tb4b4b4,

Te6edf3dataTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72return Tb4b4b4{

Te6edf3bandwidthsTff7b72: Te6edf3BANDWIDTHSTb4b4b4,

Te6edf3spreadingFactorsTff7b72: Te6edf3SPREADING_FACTORSTb4b4b4,

Tb4b4b4}Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4;

Tb4b4b4<Tb4b4b4/Tff7b72scriptTb4b4b4>

Tb4b4b4<Tff7b72style Te6edf3scopedTb4b4b4>

Tb4b4b4@Tff7b72reference Ta5d6ff"../../style.css"Tb4b4b4;

Tb4b4b4.T56d364rnf-input-label Tb4b4b4{

@apply text-[10px] font-bold text-zinc-400 uppercase tracking-widestTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364rnf-config-input Tb4b4b4{

@apply w-full bg-gray-50 Te6edf3darkTb4b4b4:Te6edf3bg-zinc-800 Tff7b72border Tff7b72borderTff7b72-Tff7b72grayT79c0ff-200 Te6edf3darkTff7b72:Tff7b72borderTff7b72-Te6edf3zinc-800 Tff7b72textTff7b72-Tff7b72grayT79c0ff-900 Te6edf3darkTff7b72:Tff7b72textTff7b72-Te6edf3zinc-100 Tff7b72textTff7b72-Tb4b4b4[T79c0ff12Tffa657pxTb4b4b4] Te6edf3rounded-lg Te6edf3focusTff7b72:Te6edf3ring-1 Te6edf3focusTff7b72:Te6edf3ring-blue-500Tff7b72/T79c0ff50 Te6edf3focusTff7b72:Tff7b72borderTff7b72-Tff7b72blueT79c0ff-500 Te6edf3px-3 Te6edf3py-2 Tff7b72transitionTff7b72-Tff7b72allTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364rnf-action-btn Tb4b4b4{

@apply inline-flex items-center justify-center gap-1.5 rounded-xl bg-gray-100 Te6edf3darkTb4b4b4:Te6edf3bg-zinc-800 Te6edf3hoverTff7b72:Te6edf3bg-gray-200 Te6edf3darkTff7b72:Te6edf3hoverTff7b72:Te6edf3bg-zinc-700 Te6edf3px-3 Te6edf3py-2T79c0ff.5 Tff7b72textTff7b72-Tb4b4b4[T79c0ff11Tffa657pxTb4b4b4] Tff7b72fontTff7b72-Tff7b72bold Tff7b72textTff7b72-Tff7b72grayT79c0ff-700 Te6edf3darkTff7b72:Tff7b72textTff7b72-Te6edf3zinc-300 Tff7b72border Tff7b72borderTff7b72-Tff7b72grayT79c0ff-200 Te6edf3darkTff7b72:Tff7b72borderTff7b72-Te6edf3zinc-700 Tff7b72transitionTff7b72-Tff7b72all Te6edf3activeTff7b72:Tff7b72scaleT79c0ff-95Tb4b4b4;

Tb4b4b4}

Tb4b4b4<Tb4b4b4/Tff7b72styleTb4b4b4>